<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layui/css/view.css"/>
    <title>上传游戏图片</title>
    <style>
        .upload_preview0{
            width:300px;
            height: 180px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .upload_preview1{
            width: 200px;
            height: 250px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .upload_preview_title{
            width: 100%;
            padding-left: 5px;
            padding-bottom: -20px;
        }
        .upload_preview{
            padding-right: 5px;
            padding-left: 5px;
            max-width: 200px;
            max-height: 120px;
            padding-top: 2px;
            padding-bottom: 2px;
            transition: 0.3s;
        }
        .upload_preview:hover{
            opacity: 0;
        }
        .div1{

        }
        .layui-icon-close-fill:hover{
            color: #ff3c5f;
            transition: 0.3s;
        }
        .layui-icon-close-fill{
            transition: 0.3s;
            font-size: 30px;
            color: #b5b5b5;
        }
    </style>
</head>
<body class="layui-view-body">
<div class="layui-content">
    <div class="layui-row">
        <div class="layui-card">
            <div class=" layui-card-body">
            <div class="layui-card-header">上传游戏图片(新上传的游戏图片将会覆盖原有图片)</div>
                <div class="layui-card-header" id="pageTitle"></div>
            <hr/>
            <div class="layui-upload-drag" id="test10">
                <i class="layui-icon layui-icon-upload" style="color: #177ce3bd"></i>
                <p>点击上传当前游戏图片，或将文件拖拽到此处</p>

            </div>
            <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                上传队列预览图：
                注意图片顺序:第一张图是横向封面,第二张图是竖向封面!图片顺序错误会导致前台图片显示错位!
                <div class="layui-upload-list" id="demo2">
                </div>
            </blockquote>
                <button type="button" class="layui-btn layui-btn-blue" id="test9">开始上传</button>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../../../layui/lay/modules/jquery-3.3.1.js"></script>
<script src="../../../layui/jquery.cookie.js"></script>
<script src="../../../layui/layui.js"></script>
<script src="../../html_js/utf.js"></script>
<script src="uploadImgPage.js"></script>
</html>